<template>
  <div class="aside" style="height: 100%; width: 100%;">
    <el-row class="tac" style="height: 100%; width: 100%;">
      <el-col :span="12" style="height: 100%; width: 100%;">
        <el-menu default-active="/" router class="el-menu-vertical-demo" @open="handleOpen"
          @close="handleClose" background-color="#f5f5f5" text-color="black" active-text-color="#0090ff"
          style="height: 100%; width: 100%;">
          <!-- 首页 -->
          <el-menu-item index="/">
            <i class="el-icon-s-home"></i>
            <span>首页</span>
          </el-menu-item>
          <!-- 销售管理 -->
          <el-submenu index="/sale">
            <template slot="title">
              <i class="el-icon-goods"></i>
              <span>销售管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="/saleRequest">销售申请订单</el-menu-item>
              <el-menu-item index="/saleOrder">销售订单</el-menu-item>
              <el-menu-item index="/saleReturnRequest">销售退货申请订单</el-menu-item>
              <el-menu-item index="/saleReturnOrder">销售退货订单</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <!-- 采购管理 -->
          <el-submenu index="/purchase">
            <template slot="title">
              <i class="el-icon-shopping-cart-full"></i>
              <span>采购管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="/purchaseRequest">采购申请订单</el-menu-item>
              <el-menu-item index="/purchaseOrder">采购订单</el-menu-item>
              <el-menu-item index="/purchaseReturnRequest">采购退货申请订单</el-menu-item>
              <el-menu-item index="/purchaseReturnOrder">采购退货订单</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <!-- 人事管理 -->
          <el-submenu index="/personnel">
            <template slot="title">
              <i class="el-icon-user"></i>
              <span>人事管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="/userManage">用户管理</el-menu-item>
              <el-menu-item index="/departmentManage">部门管理</el-menu-item>
              <el-menu-item index="/roleManage">角色管理</el-menu-item>
              <el-menu-item index="/authorityManage">权限管理</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <!-- 财务管理     -->
          <el-submenu index="/finance">
            <template slot="title">
              <i class="el-icon-coin"></i>
              <span>财务管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="/incomeManage">收款管理</el-menu-item>
              <el-menu-item index="/giveManage">付款管理</el-menu-item>
              <el-menu-item index="/debtManage">债务管理</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <!-- 资料管理 -->
          <el-submenu index="/profile">
            <template slot="title">
              <i class=" el-icon-notebook-2"></i>
              <span>资料管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="/customerManage">客户管理</el-menu-item>
              <el-menu-item index="/outboundManage">出货商品管理</el-menu-item>
              <el-menu-item index="/purchasedGoodManage">进货管理</el-menu-item>
              <el-menu-item index="/supplierManage">供应商管理</el-menu-item>
              <el-menu-item index="/goodUnit">商品单位管理</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <!-- 仓库管理 -->
          <el-submenu index="/warehouse">
            <template slot="title">
              <i class="el-icon-house"></i>
              <span>仓库管理</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="/warehouseProduct">商品管理</el-menu-item>
              <el-menu-item index="/purchaseWarehousing">采购入库管理</el-menu-item>
              <el-menu-item index="/purchaseReturn">采购退货出库管理</el-menu-item>
              <el-menu-item index="/saleWarehousing">销售出库管理</el-menu-item>
              <el-menu-item index="/saleReturn">销售退货入库管理</el-menu-item>
            </el-menu-item-group>
          </el-submenu>
          <!-- 报表管理 -->
          <el-submenu index="/report">
            <template slot="title">
              <i class="el-icon-document"></i>
              <span>报表管理</span>
            </template>
            <el-menu-item-group>
              <!-- <el-menu-item index="/purchaseRequest">采购申请订单</el-menu-item>
                <el-menu-item index="/purchaseOrder">采购订单</el-menu-item>
                <el-menu-item index="/purchaseReturnRequest">采购退货申请订单</el-menu-item>
                <el-menu-item index="/purchaseReturnOrder">采购退货订单</el-menu-item> -->
            </el-menu-item-group>
          </el-submenu>
          <!-- 消息管理 -->
          <el-menu-item index="/msgManage">
            <i class="el-icon-bell"></i>
            <span>消息管理</span>
          </el-menu-item>
          <!-- 系统监控 -->
          <el-menu-item index="/logManage">
            <i class="el-icon-monitor"></i>
            <span>系统监控</span>
          </el-menu-item>

        </el-menu>
      </el-col>
    </el-row>
  </div>
</template>

<script>

export default {
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    }
  }
}
</script>